import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { ScenarioListComponent } from './scenario-list/scenario-list.component';
// import { ScenarioDesignComponent } from './scenario-design/scenario-design.component';
import { ScenarioMonitorComponent } from './scenario-monitor/scenario-monitor.component';
import { ScenarioLayoutComponent } from './scenario-layout/scenario-layout.component';
import { ScenarioDesignComponent } from './scenario-design/scenario-design/scenario-design.component';

const routes: Routes = [
  {
    path: '',
    component: ScenarioLayoutComponent,
    children: [
      { path: 'list', component: ScenarioListComponent },
      { path: 'design/:id', component: ScenarioDesignComponent },

      { path: 'monitor/:id', component: ScenarioMonitorComponent },
    ]
  },

];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class ScenariosRoutingModule { }
